<template>
	<view class="advertising">
		<!-- <u-swiper :list="list" autoplay indicator indicatorMode="dot" :interval="4000" circular radius="5"
				indicatorActiveColor="#1D378B" imgMode="widthFix" height="160"></u-swiper> -->
		<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval"
			:duration="duration" indicator-active-color="#1D378B">
			<swiper-item class="swiper-item" v-for="(res, index) in list" :key="index">
				<image class="swiper-image" :src="res" mode="widthFix"></image>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		name: "topSwiper",
		props: {
			/* 轮播图数据 */
			list: {
				type: Array,
				default: () => [],
			},
		},
		data() {
			return {
				indicatorDots: true,
				autoplay: true,
				interval: 2000,
				duration: 500
			};
		}
	}
</script>

<style lang="scss">
	.advertising {
		// background-color: #FFFFFF;
		// margin: 20px 13px 30px 13px;
		// padding: 10px 18px 2px 18px;

		// .swiper {}

		// .invite-img {
		// 	margin-top: 40rpx;
		// 	cursor: pointer;

		// 	.img {
		// 		width: 100%;
		// 		// height: 30vw;
		// 	}
		// }

		// .tips {
		// 	background-image: linear-gradient(to right, #FCEBD9, #FAD1AE);
		// 	margin: 40rpx 0 20rpx 0;
		// 	padding: 12px 10px 12px 20px;
		// 	display: flex;
		// 	align-items: center;
		// 	justify-content: space-between;
		// 	border-radius: 10px;
		// 	color: #CB8F58;

		// 	.left-content {
		// 		display: flex;
		// 		align-items: center;

		// 		.left-image {
		// 			width: 9vw;
		// 			height: 48rpx;
		// 		}

		// 		.left-detail {
		// 			margin-left: 13px;
		// 			font-size: 3.8vw;
		// 			font-weight: 600;
		// 		}
		// 	}

		// 	.right-content {
		// 		display: flex;
		// 		align-items: center;
		// 		cursor: pointer;

		// 		.right-image {
		// 			width: 1.5vw;
		// 			height: auto;
		// 		}

		// 		.right-detail {
		// 			margin-right: 10px;
		// 			font-size: 2.8vw;
		// 		}
		// 	}
		// }

		.swiper {
			border-radius: 8px;
			
			.swiper-item {
				border-radius: 8px;
				
				.swiper-image {
					width: 100%;
					height: auto;
					border-radius: 8px;
				}
			}
		}
	}
</style>
